<template>



  <div class="layout">
    <Layout>
        <Header>
           <Row >
        <Col span="8" class=""><router-link to="/"><img class="logo-image" src="/jianpan.png"> </router-link></Col>
        <Col span="12"> <Daohang></Daohang> </Col>
        <Col span="4"> <Login></Login></Col>
        </Row>
        
          </Header>
        <Content> <nuxt /></Content>
        <Footer class="layout-footer-center">Footer</Footer>
    </Layout>


  
</div>
</template>
<script>
import Login from "~/components/login.vue"
import Daohang from "~/components/Daohang.vue"
export default {
  components :{
      Daohang,
      Login
  }
}
</script>

<style scope>
@import "~/assets/base.css";

.ivu-layout{

    background: #f5f7f9;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.nav_wrap{
  width:1180px;
  margin: 0 auto;
}
.ivu-layout-header{
 background: #f5f7f9; 
 position: fixed; 
 top: 0px; 
 width: 100%;
 height: 61px;
 line-height:61px;
 z-index: 1000;
box-shadow: 0 1px 10px 0 rgba(0,0,0,0.08);
}


</style>
